<template>
	<view>
		<view class="bg404">
			<view class="title">404</view>
			<view class="titleTwo">页面走丢了 </view>
			<view class="more_w3ls">
				<navigator url="/pages/home/index" open-type="redirect">
					<button style="font-size: 26upx;" type="default">返回首页 </button>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {}
	}
</script>

<style>
	.bg404 {
		height: 100vh;
		background-color: #ffffff;
		/* 		//background: url('/static/assets/images/banner.jpg') no-repeat center/cover; */
		display: flex;
		flex-direction: column;
	}

	.title {
		padding-top: 20%;
		text-align: center;
		font-size: 10em;
		color: #000000;
		margin: 0.4em 0 0;
		line-height: 1;
	}

	.titleTwo {
		text-align: center;
		font-size: 1em;
		color: #000000;
		text-transform: capitalize;
	}

	.more_w3ls {
		text-align: center;
		padding-top: 60upx;
		width: 80%;
		padding-left: 10%;
	}
</style>